<!-- 模态框
<div class="modal fade" id="myModal">
    <div class="modal-dialog">
        <div class="modal-content">-->

<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h4 class="modal-title">报警历史记录</h4>
</div>

<!-- 模态框主体 -->
<div class="modal-body">
    <div class="col-lg-12">
        <div style="text-align: center">
            <span name="alarmNameContent" th:text="${alarmHistoryData.alarmNameContent}"></span>
        </div>
    </div>

    <div class="col-xs-12">
        <label class="col-sm-4 control-label" name="alarmStartTime"
               th:text="${alarmHistoryData.alarmStartTime}"></label>
        <span class="col-lg-6">报警发生</span>
    </div>

    <div class="col-xs-12">
        <label class="col-sm-4 control-label" name="alarmAffirmTime"
               th:text="${alarmHistoryData.alarmAffirmTime}"></label>
        <span class="col-lg-6">报警被确认</span>
        <span class="col-lg-6" th:text="'处理人: '+${user.name}"></span>
    </div>

    <div class="col-xs-12">
        <label class="col-sm-4 control-label" name="alarmDisposeTime"
               th:text="${alarmHistoryData.alarmDisposeTime}"></label>
        <span class="col-lg-6">报警被处理</span>
        <span class="col-lg-6" th:text="'处理人: '+${user.name}"></span>
        <span class="col-lg-6" style="margin-left: 248px"
              th:text="'处理建议: '+${alarmHistoryData.alarmDealIdea}"></span>
    </div>


    <div class="col-xs-12">
        <label class="col-sm-4 control-label" name="alarmAffirmTime"
               th:text="${alarmHistoryData.alarmDestroyTime}"></label>
        <span class="col-lg-6">报警被作废</span>
        <span class="col-lg-3" th:text="'处理人: '+${user.name}"></span>
        <span class="col-xs-6" style="margin-left: 248px"
              th:text="'作废原因: '+${alarmHistoryData.alarmOpertateContent}"></span>
    </div>

</div>
<!-- 模态框底部 -->

<div class="modal-footer">
    <button type="text" class="btn btn-primary" data-dismiss="modal">确认</button>
</div>


<style>
    .modal-body {
        width: 800px;
        height: 380px;
    }

    .modal-dialog{
        width: 800px;
        height: 400px;
    }

    .col-xs-12 {
        margin: 20px;
    }
</style>
